// 1.0 导入跨组件传值的两个方法
import { useContext, createContext } from 'react'
// useContext可以实现"跨"组件传值(第一级组件也可以传入)

// 2.0 createContext创建一个变量(全局的)
const Context = createContext(null);

function UseContext() {
    return (<div>
        UseContext
        <Context.Provider value="这是传的值">
            <Item></Item>
        </Context.Provider>
    </div>)
}

function Item() {
    return (<div>
        Item <br />
        <Item1></Item1>
    </div>)
}

function Item1() {
    // 3.0 接收上上级组件传入的值
    let value = useContext(Context)
    return (<div>
        Item1-- {value}
    </div>)
}

export default UseContext